<meta charset="utf-8" />
<script src="vconsole.js"></script>
<script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js">
  new VConsole();
</script>
<style>
			*{
			  margin:0rem;
			  padding:0rem;
			}
            .box{
              width:4.986666rem;
			  height:8.893333rem;
              background:#d9dddf;
              margin:0 auto;
			  left:0rem;
			  top:0.533333rem;
			}
			.top{
			   text-align:center;
			   line-height:1.6rem;
			   height:1.6rem;
			   font-size:0.533333rem;
			   background:rgb(255, 255, 255) url() no-repeat 10px center;
			   background-size:1.1rem;
			}
			.Payment{
			   box-sizing:border-box;
			   width:100%;
			   height:1.333333rem;
			   background:white;
			   top:80%;
			   border-radius: 0.133333rem 0.133333rem 0rem 0rem;
			   box-shadow: 0rem -0.04rem 1rem rgba(85, 85, 85, 0.1);
			}
			.notice{
		
			   height:1.133333rem;
			   line-height:1.333333rem;
			   background-color: #a6dbf1;
			   overflow:auto;
			   text-align:16px;
			   font-size:0.4rem;
			    border-radius:0rem 0rem 0rem 0rem;
			   box-shadow:0rem -0.04rem 0.04rem rgba(0,0,0,0.0);
			}
			.div ul a{
				   padding-right: 125px;
			}
			.notice li{
				background: url(images/wangyutan/QQ.png) no-repeat 0.16rem center;
				background-size:0.433333rem;
		        list-style:none;
			}
			.notice1{
	
			   height:3.166666rem;
               line-height:0.933333rem;
			   overflow:auto;
			   margin-top:0.04rem;
			   margin-right:0.213333rem;
			   border-top-color:#090909;
			   border-bottom-color:#090909;
			   font-size:0.4rem;
			   border-radius:0.133333rem 0.133333rem 0rem 0rem;
			   box-shadow:0rem -0.04rem 0.04rem rgba(0,0,0,0.0);	
			}
			.notice1 li{
				background: url(images/wangyutan/youbian.png) no-repeat 9rem center;
                background-size:0.433333rem;
			}	
			.notice2{
			
			   height:10.666666rem;
               line-height:0.933333rem;
			   overflow:auto;
			   margin-top:0.04rem;
			   border-top-color:#090909;
			   border-bottom-color:#090909;
			   font-size:0.4rem;
			   border-radius:0.133333rem 0.133333rem 0rem 0rem;
			   box-shadow:0rem -0.04rem 0.04rem rgba(0,0,0,0.0);
			}
			.b{
				color:#ff0000;
			}

			.money{
			   width:50%; 
			   text-align:center;
			   overflow:auto;
			   color:red;
			   height:1.333333rem;
			   line-height:1.333333rem;
			   font-size:0.533333rem;
			   left:0.666666rem;
			   float:left;
			}
			.topay{
			   width:40%; 
			   height:0.8rem;
			   color:white;
			   font-size:0.533333rem;
			   background-image: linear-gradient(90deg,#d91e1e,#fba039 73%,#e0ca47);
			   height:1.333333rem;
			   line-height:1.333333rem;
			   text-align:center;
			   border-radius:0.666666rem 0.666666rem 0.666666rem 0.666666rem;
			   float:right;
			}
			.a1{
			   height:1.333333rem;
			   line-height:1.333333rem;
			   font-size:15px;
			   padding-left:5.3rem;	
			}
			.a2{
			   color:#a5a5a5;
			   font-size:15px;				
			}
			.a3{
			   color:#a5a5a5;
			   font-size:15px;				
			}
			.a4{
			   height:0.8rem;
			   line-height:0.8rem;
			   font-size:15px;
			   padding-left:5.3rem;	
			   color:#a5a5a5;
			}
			.a5{
				color:#00aaff;
				font-size:15px;	
			}

</style>
    <div id="d1">
        <div id="box">
        <div class="top">订单确认页</div>
		    <div class="notice">
				<lu>
				    <li><a> *正在使用QQ账号购买</a></li>
				</lu>
			</div>
		     <div class="notice1">
				 <div>
					 <ul>
						 <li><a class="a3">课程发送提醒至</a><a1 class="a1">修改</a1></li>
				     </ul>
				</div>
				 <div>199*****751</div>
                 <div><td><input color="" type="checkbox"/></td>允许机构联系我以便提供教学服务</div>
			 </div>
		     <div class="notice2">
				 <div>
					 <ul>
						 <li><a class="a3">丁阳晨曦</a></li>
						 <li>闺蜜力量-穿衣搭配五天速成班</li>
						 <li><a class="a3">第二期 2020-5-25 至 2025-5-7</a></li>
						 <li><a class="b">580.00.七天包退</a></li>
				     </ul>
					 <ul>
						 <li><a class="">机构优惠</a><a1 class="a4">无可哟个优惠</a1></li>
						 <li><a class="">平台优惠</a><a1 class="a4">无可哟个优惠</a1></li>
				     </ul>
					 <div><td><input color="" type="checkbox"/></td>同意<a class="a5">《腾讯课堂服务协议》</5></div>
			</div>
		</div>
		<div class="Payment">
	         <div class="fl money"><a class="a2">实际付款：</a>580.00</div>
		     <div class="fl topay" onclick="quzhifu()">去支付</div>
		</div>	 
	</div> 
	<div id="d2"><divz>
	<script>
	function quzhifu(){
	   d1.style.display = "none";
	   d2.style.display = "none";
	}
	</script>	 
</html>
